<template>
	<el-container style="height:100%;width: 100%;overflow:hidden;">
		<el-aside width="180px" style="background-color: rgb(238, 241, 246);height:100%;overflow-y: auto;overflow-x: hidden;">
			<el-menu default-active="1" @select="handleSelect">
				<el-menu-item index="1">
					<template slot="title"><i class="el-icon-s-data"></i>统计分析</template>
				</el-menu-item>
				<el-menu-item index="2">
					<template slot="title"><i class="el-icon-s-opportunity"></i>物资可视化</template>
				</el-menu-item>
				
				
				<el-menu-item index="3">
					<template slot="title"><i class="el-icon-menu"></i>物资分类列表</template>
				</el-menu-item>
				<el-menu-item index="4">
					<template slot="title"><i class="el-icon-s-grid"></i>物资列表</template>
				</el-menu-item>
				<el-menu-item index="5">
					<template slot="title"><i class="el-icon-s-check"></i>库存管理</template>
				</el-menu-item>
				<el-menu-item index="6">
					<template slot="title"><i class="el-icon-circle-plus"></i>入库管理</template>
				</el-menu-item>
				
				<el-menu-item index="7">
					<template slot="title"><i class="el-icon-remove"></i>出库管理</template>
				</el-menu-item>
				<el-menu-item index="8">
					<template slot="title"><i class="el-icon-s-home"></i>盘点管理</template>
				</el-menu-item>
				<el-menu-item index="9">
					<template slot="title"><i class="el-icon-s-tools"></i>维修管理</template>
				</el-menu-item>
				<el-menu-item index="10">
					<template slot="title"><i class="el-icon-s-claim"></i>保养管理</template>
				</el-menu-item>
			</el-menu>
		</el-aside>
		<el-container class="rcont">
			<el-main class="maindiv" >
				<iframe class="innerdiv" :src="innersrc"></iframe>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
	export default {
		data() {
			return {
				innersrc:'/admin/tongji',
				roles:[]
			}
		},
		mounted(){
		},
		methods:{
			handleSelect(key,keypath){
				if(key=='1'){
					this.innersrc='/admin/tongji' +`?temptime=${new Date().getTime()}`
					
				}else if(key=='2'){
					this.innersrc='/admin/map3' +`?temptime=${new Date().getTime()}`
					
				}else if(key=='3'){
					this.innersrc='/admin/warehouse/index' +`?temptime=${new Date().getTime()}`
					
				}else if(key=='4'){
					this.innersrc='/admin/warehouse/materiallist' +`?temptime=${new Date().getTime()}`
					
				}else if(key=='5'){
					// this.innersrc='/admin/warehouse/stockcontrol'
					this.innersrc='/admin/warehouse/stockcontrolcom' +`?temptime=${new Date().getTime()}`
				}else if(key=='6'){
					this.innersrc='/admin/warehouse/orderlistdata' +`?temptime=${new Date().getTime()}`
				}else if(key=='7'){
					this.innersrc='/admin/warehouse/outbound' +`?temptime=${new Date().getTime()}`
				}else if(key=='8'){
					this.innersrc='/admin/warehouse/checkview' +`?temptime=${new Date().getTime()}`
				}else if(key=='9'){
					this.innersrc='/admin/warehouse/repairview' +`?temptime=${new Date().getTime()}`
				}else if(key=='10'){
					this.innersrc='/admin/warehouse/maintainview' +`?temptime=${new Date().getTime()}`
				}
				
			}
		}
	};
</script>

<style>
	.el-header {
		background-color: #B3C0D1;
		color: #333;
		line-height: 60px;
	}
	.maindiv{
		padding: 2px !important;
		background-color: #fff;
		overflow: hidden;
	}
	.el-aside {
		color: #333;
	}
	.rcont{
		height: 100%;
		overflow-y: auto;
	}
	.innerdiv{
		width: 100%;
		height: 100%;
		overflow: auto;
		border: none;
	}
</style>


